<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第五章</title>
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="../bootstrap-3.4.1-dist/js/jquery-3.6.1.js"></script>
    <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<style>
    .wrapper {
        margin: 0 auto;
        width: 800px;
    }

    .top {
        margin-top: 50px;
    }
</style>
<body>
<div class="list-group wrapper top">
    <a href="#" class="list-group-item active">第五章</a>
    <a href="edu_5_2_1.html" class="list-group-item">【例5-2-1】超链接导航</a>
    <a href="edu_5_2_2.html" class="list-group-item">【例5-2-2】内部链接和外部链接</a>
    <a href="edu_5_3_1.html" class="list-group-item">【例5-3-1】超链接的应用</a>
    <a href="edu_5_3_2.html" class="list-group-item">【例5-3-2】链接到同一页面的书签</a>
    <a href="edu_5_3_2_1.html" class="list-group-item">【例5-3-2-1】不同页面之间的书签链接</a>
    <a href="edu_5_4_1.html" class="list-group-item">【例5-4-1】浮动框架应用</a>
    <a href="edu_5_5_1.html" class="list-group-item">【例5-5-1】百度仿真页面</a>
    <a href="exp_5_1.html" class="list-group-item">【实验5-1】apple网站</a>
    <a href="exp_5_2.html" class="list-group-item">【实验5-2】桂林山水风景图片</a>
    <a href="exp_5_3.html" class="list-group-item">【实验5-3】浮动框架中打开新页面</a>
    <a class="list-group-item" href="../index.html"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> 返回首页</a>
</div>
</body>
</html>
